@charset "utf-8";
@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu {  display: block}
/* CSS Document *//*内外边距*/
html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td,dd,dt {  list-style: none;margin: 0;  padding: 0;}html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,button,textarea,iframe,table,th,td,dd,dt {  margin: 0;  padding: 0;  outline: none;  -webkit-appearance: none;  -moz-appearance: none;  -o-appearance: none;  outline: none}
.clear {  clear: both;  overflow: hidden;}a {  text-decoration: none;  color: #333;}
input {  border: none;  outline: medium;  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', SCM;}* {  box-sizing: border-box;}
body {  width: 100%;  font-family: 'PingFangSC-Regular','Microsoft YaHei', 'Helvetica Neue', SCM;  background: #f4f4f4;  color: #333; font-size: 14px;}
html,body {  overflow-x: hidden;  width: 100%;}
table {  border-collapse: collapse}
/* 横向导航 */
@media only screen and (min-width:750px) {  html {    font-size: 100px !important  }}
@media only screen and (max-width:750px) {  html {    font-size: 96.6667px !important  }}
@media only screen and (max-width:700px) {  html {    font-size: 93.3333px !important  }}
@media only screen and (max-width:675px) {  html {    font-size: 90px !important  }}
@media only screen and (max-width:650px) {  html {    font-size: 86.6667px !important  }}
@media only screen and (max-width:625px) {  html {    font-size: 83.3333px !important  }}
@media only screen and (max-width:600px) {  html {    font-size: 80px !important  }}
@media only screen and (max-width:575px) {  html {    font-size: 76.6667px !important  }}
@media only screen and (max-width:550px) {  html {    font-size: 73.3333px !important  }}
@media only screen and (max-width:525px) {  html {    font-size: 70px !important  }}
@media only screen and (max-width:500px) {  html {    font-size: 66.6667px !important  }}
@media only screen and (max-width:475px) {  html {    font-size: 63.3333px !important  }}
@media only screen and (max-width:450px) {  html {    font-size: 60px !important  }}
@media only screen and (max-width:425px) {  html {    font-size: 56.6667px !important  }}
@media only screen and (max-width:400px) {  html {    font-size: 53.3333px !important  }}
@media only screen and (max-width:375px) {  html {    font-size: 50px !important  }}
@media only screen and (max-width:350px) {  html {    font-size: 46.6667px !important  }}
@media only screen and (max-width:325px) {  html {    font-size: 43.3333px !important  }}
@media only screen and (max-width:300px) {  html {    font-size: 40px !important  }}

.flex-bect {  display: flex;  align-items: center;  justify-content: space-between;}
.flex-lect {  display: flex;  align-items: center;  justify-content: flex-start;}
.flex-le {  display: flex;  justify-content: flex-start;}
.flex-ct {  display: flex;  align-items: center;  justify-content: center;}
.flex-rict{display: flex; align-items: center; justify-content: flex-end;}
.flex-bect{display: flex; align-items: center; justify-content: space-between;}
.cur {  cursor: pointer;}
.row1,.row2,.row3,.row4,.row5,.row6,.row7,.row8{  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;}
.row1 {  -webkit-line-clamp: 1;}
.row2 {  -webkit-line-clamp: 2;}
.row3 {  -webkit-line-clamp: 3;}
.row4 {  -webkit-line-clamp: 4;}
.row5 {  -webkit-line-clamp: 5;}
.row6 {  -webkit-line-clamp: 6;}
.row7 {  -webkit-line-clamp: 7;}
.row8 {  -webkit-line-clamp: 8;}
.mb-2{margin-bottom: 2px;}
.mb-3{margin-bottom: 3px;}
.mb-4{margin-bottom: 4px;}
.mb-5{margin-bottom: 5px;}
.mb-6{margin-bottom: 6px;}
.mb-7{margin-bottom: 7px;}
.mb-8{margin-bottom: 8px;}
.mb-9{margin-bottom: 9px;}
.mb-10{margin-bottom: 10px;}
.mb-12{margin-bottom: 12px;}
.mb-14{margin-bottom: 14px;}
.mb-15{margin-bottom: 15px;}
.mb-16{margin-bottom: 16px;}
.mb-17{margin-bottom: 17px;}
.mb-18{margin-bottom: 18px;}
.mb-19{margin-bottom: 19px;}


#menu{display: none;width: 26px; cursor: pointer; padding: 4px 0; }

#menu i{width: 100%; height: 3px; border-radius: 4px; background-color: #fff; margin: 4px 0; display: block; position: relative; transition: all ease 3s;}
#menu i:nth-child(2){width: 70%;}



.page{display: flex; align-items: center; justify-content: center; font-size: 12px;}
/* border: 1px solid #1b3b6a; border-radius: 4px; color: #1b3b6a; */
.page .a{width: 24px; height: 24px;  margin: 0 2px;cursor: pointer; font-style: normal;display: flex; align-items: center; justify-content: center;}
/* .page .on{background-color: #1b3b6a; color: #fff;} */
.page .on{color: #1b3b6a;}
.page .arrow{background-position: center; background-repeat: no-repeat; background-size: 8px;}
.page .arrow:hover{background-color: rgba(23,174,218, 0.2);}
.page .page-jup.on,.page .page-jup:hover{background-color: rgba(23,174,218); color: #fff;}
.page .num{margin: 0 4px; color: #333; }
.page .sp{color: #999; margin-right: 10px;}
.page .icon{font-size: 12px;}
.box{max-width: 1200px; margin-left: auto !important; margin-right: auto !important; width: 92%;}

.red66{color: #666;}